<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head >
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>分类新增</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css">
  <link rel="stylesheet" href="../../static/lib/editormd/css/editormd.min.css">
  <link rel="stylesheet" href="../../static/css/me.css"><!-- 引入 layui.css -->
  <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">
</head>
<body>

  
  <!--导航-->
  <nav class="ui inverted attached segment m-padded-tb-mini m-shadow-small" >
    <div class="ui container">
      <div class="ui inverted secondary stackable menu">
        <h2 class="ui teal header item">管理后台</h2>
        <a href="/admin/blogs"class=" m-item item m-mobile-hide"><i class=" home icon"></i>博客</a>
        <a href="/admin/types" class=" m-item item m-mobile-hide"><i class="idea icon"></i>分类</a>
        <a href="/admin/tags" class="m-item item m-mobile-hide"><i class="tags icon" data-filtered="filtered"></i> &nbsp;标签</a>
        <a href="/admin/phototype" class="active m-item item m-mobile-hide"><i class="image icon" data-filtered="filtered"></i> &nbsp;相册</a>  
        <div class="right m-item m-mobile-hide menu">
          <div class="ui dropdown  item">
            <div class="text">
              <img class="ui avatar image" src="/static/img/bozhu.jpg">
              益达
            </div>
            <i class="dropdown icon"></i>
            <div class="menu">
              <a href="/admin/logout" class="item">注销</a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <a href="#" class="ui menu toggle black icon button m-right-top m-mobile-show">
      <i class="sidebar icon"></i>
    </a>
  </nav>
  
  <div class="ui attached pointing menu">
    <div class="ui container">
      <div class="right menu">
        <a href="#"   class="teal active  item"> <span th:text="${id!=null?'编辑':'新增'} ">新增</span></a>
        <a href="/admin/phototype"  class=" item">列表</a>
        
      </div>
    </div>
  </div>
  

  <!--中间内容-->
    <div  class="m-container-small m-padded-tb-big">
      <div class="ui container">
      
<form class="layui-form" th:action="${phototype?.id}!=null?'/admin/phototypeupdate':' /admin/phototypeup'" method="post" enctype="multipart/form-data">
  
   <input type="hidden" name="id" th:value="${phototype?.id}" >
  
  <div class="layui-form-item">
    <label class="layui-form-label">相册名</label>
    <div class="layui-input-block">
      <input type="text" name="name"  required  lay-verify="required" th:value="${phototype?.name}" placeholder="请输入相册名" autocomplete="off" class="layui-input">
    </div>
  </div>
  
  <div class="layui-form-item" th:style="${phototype?.id}!=null?'display:none':''">
    <label class="layui-form-label">背景图</label>
    <div class="layui-input-block">
      <input type="file" name="file"  autocomplete="off" class="layui-input">
    </div>
  </div>
  
  <div class="layui-form-item">
    <label class="layui-form-label">权限</label>
    <div class="layui-input-block" id="passwordradio">
      <input type="radio" name="flag" value="1" title="所有人可见"  th:checked="${phototype?.flag}!=0"  >
      <input type="radio" name="flag" value="0" title="输入密码可见" th:checked="${phototype?.flag}==0">
    </div>
  </div>
  
 
 
  
	 <div class="layui-form-item" id="mima" style="display: none">
	    <label class="layui-form-label">密码</label>
	    <div class="layui-input-block">
	      <input type="text" name="password" th:value="${phototype?.password}"  placeholder="权限密码" autocomplete="off" class="layui-input">
	    </div>
	  </div>
  
  <div class="layui-form-item">
    <div class="layui-input-block">
      <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
</form>
 

		     	
        </div>
    </div>
  


 
  
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
  <script src="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js"></script>
  
  <!-- 引入 layui.js -->
  <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>

   <script>
			//Demo
			layui.use('form', function(){
			  var form = layui.form;
			  
			  //监听提交
			  form.on('submit(formDemo)', function(data){
			     // layer.msg(JSON.stringify(data.field));
			    return true;
			  });
			  
			});
</script>

  <script>

    $('.menu.toggle').click(function () {
      $('.m-item').toggleClass('m-mobile-hide');
    });

    $('.ui.dropdown').dropdown({
      on : 'hover'
    });

  
    function passwordshow(){
	     var flagval = $('input:radio[name="flag"]:checked').val();
	        
	        if(flagval == 1){
	               $("#mima").css("display","none");
	            }else{
	               $("#mima").css("display","block");
	             }
    }
  
     passwordshow();
  
   //监测是否需要密码
      $("#passwordradio").click(function(){
           passwordshow();
      });
      
      
 
   
   

 
    

  </script>
</body>
</html>